<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../include/laypublic.jsp" %>
<%@ include file="../include/vueComponent.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title>项目追踪详情</title>
</head>
<link rel="stylesheet" href="${ctx}/resources/vue-element-lib/detail.css">
<body>
<div id="app">
    <div class="container">
        <el-form ref="formRef" label-width="180px" label-suffix="："
                 label-position="left">
            <%--项目基础信息--%>
            <div class="title">
                <h3>项目基础信息</h3>
            </div>
            <!--表单-->
                <!--表单-->
                <el-row>
                    <x-col>
                        <el-form-item label="项目名称">
                            <span>{{info.proName}}</span>
                        </el-form-item>
                    </x-col>
                    <x-col position="right">
                        <el-form-item label="项目类型">
                            <span>{{info.proTypes==1?'PPP项目':''}}</span>
                        </el-form-item>
                    </x-col>
                </el-row>
                <el-row>
                    <x-col>
                        <el-form-item label="项目编码">
                            <span>{{info.proCode}}</span>
                        </el-form-item>
                    </x-col>
                    <x-col position="right">
                        <el-form-item label="项目所属城市">
                            <span>{{info.cityName}}</span>
                        </el-form-item>
                    </x-col>
                </el-row>
                <el-row>
                    <x-col>
                        <el-form-item label="项目地址">
                            <span>{{info.proAddress}}</span>
                        </el-form-item>
                    </x-col>
                    <x-col position="right">
                        <el-form-item label="投资总额(万元)">
                            <span>{{info.sumAmount}}</span>
                        </el-form-item>
                    </x-col>
                </el-row>
                <el-row>
                    <x-col>
                        <el-form-item label="一般公共预算收入(万元)">
                            <span>{{info.pubIncome}}</span>
                        </el-form-item>
                    </x-col>
                    <x-col position="right">
                        <el-form-item label="建安工程费用(万元)">
                            <span>{{info.sumCae}}</span>
                        </el-form-item>
                    </x-col>
                </el-row>
            <div class="title">
                <h3>跟踪信息列表</h3>
            </div>
            <div class="unit">
                <div class="unit_center">
                    <el-table :data="proTrackPageArr" style="width: 100%" border>
                        <el-table-column prop="addTime" label="跟踪日期" align="center"></el-table-column>
                        <el-table-column label="跟踪来源" align="center">
                            <template slot-scope="scope">
                                <span v-if="scope.row.proStage==1">跟踪阶段</span>
                                <span v-else-if="scope.row.proStage==2">立项阶段</span>
                                <span v-else-if="scope.row.proStage==3">资审阶段</span>
                                <span v-else-if="scope.row.proStage==4">投标阶段</span>
                                <span v-else-if="scope.row.proStage==5">开标阶段</span>
                            </template>
                        </el-table-column>
                        <el-table-column prop="srealName" label="跟踪人" align="center"></el-table-column>
                        <el-table-column prop="todayMemo" label="进展情况" align="center"></el-table-column>
                        <el-table-column prop="tomorrowPlan" label="最新进展" align="center"></el-table-column>
                    </el-table>
                </div>
            </div>
            <div class="title">
                <h3>跟踪信息列表</h3>
            </div>
            <div class="unit">
                <div class="unit_center">
                    <el-table :data="proTrackDevelopPageArr" style="width: 100%" border>
                        <el-table-column prop="keyPoints" label="项目推进存在难点、卡点" align="center"></el-table-column>
                        <el-table-column prop="solveWay" label="解决思路与措施" align="center"></el-table-column>
                        <el-table-column prop="needSupport" label="需要集团协助事项" align="center"></el-table-column>
                        <el-table-column label="最新回复" align="center"></el-table-column>
                    </el-table>
                </div>
            </div>
        </el-form>
    </div>
</div>
</body>
<script src="${ctx}/resources/vue-element-lib/jquery.js"></script>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                info: {},
                proTrackPageArr: [],
                proTrackDevelopPageArr: [],
            }
        },
        created() {
            this.proCode = "${proCode}";
            console.log(this.proCode)
            this.getDetail()
            this.proTrackPage()
            this.proTrackDevelopPage()

        },
        mounted() {

        },
        methods: {
            getDetail() {
                let that = this;
                $.ajax({
                    type: 'post',
                    url: basePath + '/proTrack/getDetail',
                    data: {proCode: that.proCode},
                    success: function (result) {
                        that.info = result.entity
                    }
                });
            },
            proTrackPage() {
                let that = this;
                $.ajax({
                    type: 'post',
                    url: basePath + '/proTrack/proTrackPage',
                    data: {proCode: that.proCode},
                    success: function (result) {
                        console.log(result.data)
                        that.proTrackPageArr = result.data
                    }
                });
            },
            proTrackDevelopPage() {
                let that = this;
                $.ajax({
                    type: 'post',
                    url: basePath + '/proTrack/proTrackDevelopPage',  //请求数据接口
                    data: {proCode: that.proCode},
                    success: function (result) {
                        console.log(result.data)
                        that.proTrackDevelopPageArr = result.data
                    }
                });
            },
        }
    })
</script>
</html>

